{extend name="public/base" /}
<!--标题-->
{block name="title"}
{$catename|default="个人博客"}-{$webInfo.webname}
{/block}


<!--列表-->
{block name="content"}
<div class="container">
<div class="jumbotron">
    <h1 class="animated fadeInDown">个人博客！</h1>
    <p class="animated shake">是一个教学级博客系统，目前使用ThinkPHP5.1开发，网站暂时只提供博文浏览功能、评论功能、投稿功能等，其他功能待定。</p>
    <h2 class="animated fadeInUp">QQ: <a href="http://wpa.qq.com/msgrd?v=3&uin=2412023367&site=qq&menu=yes" target="_blank">2412023367</a></h2>
</div>
<div class="row">
    <div class="col-sm-12 col-md-8">
        <div class="page-header h3">{$catename|default="博文"}列表</div>
        <div class="article-list">
            {volist name="articles" id="vo"}
            <div class="article-list-item">
                <a href="{:url('index/article/info', ['id'=>$vo.id])}" class="title">{$vo.title}</a>
                <div class="info">
                    <span class="author">作者：{$vo.author}</span>-
                    <span class="time">发布时间：{$vo.create_time}</span>-
                    <span class="read">阅读：{$vo.click}</span>-
                    <span class="comment">评论：{$vo.comm_num}</span>
                </div>
            </div>
            {/volist}
        </div>
        <nav class="">
           {$articles->render()|raw}
        </nav>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="page-header h3">推荐文章</div>
        <div class="topic-list">
            {volist name="isTop" id="vo"}
            <div class="topic-list-item">
                <a href="{:url('index/article/info', ['id'=>$vo.id])}" class="title">{$vo.title}</a>
            </div>
            {/volist}
        </div>
    </div>
</div>
</div>
{/block}